<!DOCTYPE html>
<html lang="en" data-vue="vmNewsDetail" id="contentDetail">
<head>
    <meta charset="UTF-8">
    <title>{{detail.title}}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="Description"  content="{{detail.title}}">
    <meta name="Keywords"  content="{{detail.title}}">

    <link href="res/images/cont/favicon.ico" rel="shortcut icon">

    <link rel="stylesheet" href="res/css/all-common.css">
    <link rel="stylesheet" href="res/css/news-detail.css">


    <!--html font size set-->
    <script src="res/js/set-font-size.js"></script>

    <!--js common start-->
    <script src="res/lib/jquery/jquery.min.js"></script>
    <script src="res/lib/jquery/jquery-localize/jquery.localize.js"></script>
    <script src="res/lib/store/store-json2.min.js"></script>
    <script src="res/lib/vue/vue.min.js"></script>
    <script src="res/lib/moment/moment.min.js"></script>
    <script src="res/lib/moment/moment-locales.min.js"></script>
    <script src="res/js/common.js"></script>
    <!--js common end-->

</head>
<body >
<!-- 头部 -->
<section class="p-back p-clear-fix">
    <a href="index.html" class="l back-btn">
        <i class="iconfont icon-back"></i>
        <img src="res/images/cont/index/logo.png" />
    </a>
</section>

<section class="news-detail">
        <div class="m">
            <h1 class="subject">{{detail.Title}}</h1>
            <div class="subtitle"><span class="region">{{detail.Area}}</span>{{detail.From}} {{detail.Date | formatDateStand }}  </div>
            <div class="news-content">
                {{{ detail.Content }}}

            </div>
        </div>
    <div class="t">
        <div class="p-share">

            <ul class="p-clear-fix">
                <li class="facebook"><span class="iconfont icon-facebook" ></span> </li>
                <li class="twitter"><span class="iconfont icon-twitter" ></span> </li>
                <li class="weibo"><span class="iconfont icon-weibo" ></span> </li>
                <li class="qq"><span class="iconfont icon-QQ" ></span> </li>
            </ul>

        </div>
    </div>
</section>

<!--相关新闻-->
<div class="news-rel">
    <h2 data-localize="pages.newsDetail.relNews"></h2>
    <ul>
        <template v-for="rel in detail.RelNews">
             <li><a href="news-detail.html?id={{rel.Id}}"><p>{{rel.Title}}</p></a></li>
        </template>
    </ul>

</div>
<script src="res/js/news-detail.js"></script>
</body>
</html>